<style>
  #header {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    z-index:6;
  }
  .home-top-header {
      height: 110px;
      border-top: 3px solid #2275de;
      background-color: #fff;
  }

  .midHeader {
      width: 1200px;
      height:110px;
      margin: 0 auto;
  }

  .midHeader .leftLogo {
      display: inline-block;
      margin-top: 28px;
  }

  .midHeader .rightUl {
      float: right;
      margin-top: 63px;
  }

  .rightUl li {
      float: left;
      width: 62px;
      height: 16px;
      line-height: 16px;
      text-align: center;
  }
  .rightUl li a {
      font-size: 14px;
      color: #3d4042;
      text-decoration: none;
  }
  .rightUl li a:hover,.rightUl li a.on {
    color: #2275de;
  }
  .rightUl li.midLogin:before {
      float: left;
      margin-top: 2px;
      content: "";
      width: 1px;
      height: 11px;
      background-color: #bbb;
  }
  .rightUl li.midLogin:after {
      float: right;
      margin-top: 2px;
      content: "";
      width: 1px;
      height: 11px;
      background-color: #bbb;
  }

  .mh-brand-user {
      float: right;
      margin-top: 56px;
      margin-left: 70px;
  }
</style>
<header class="home-top-header">
  <div class="midHeader">
    <a href="index.html" class="leftLogo" target="_self">
      <img src="./imgs/homePageIcon/brand-logo.png" alt="" >
    </a>
    <div id="mh-brand-user-not-logged-in" class="mh-brand-user">
        <a href="/Account/Login" target="_self" class="btn btn-primary rounded">登录</a>
        <a href="/Account/RegisterOne?returnUrl=/Home/Index" target="_self" class="btn btn-primary plain rounded">注册</a>
    </div>
    <ul class="rightUl">
      <li>
        <a href="index.html" target="_self">首页</a>
      </li>
      <li class="midLogin">
        <a href="login.html" target="_self">资源</a>
      </li>
      <li>
        <a href="regiOne.html" target="_self" class="on">空间</a>
      </li>
      <li>
        <a href="regiOne.html" target="_self">教学助手</a>
      </li>
    </ul>
  </div>
</header>